<template>
    <div class="index-content">
      <Header></Header>
      <Bread></Bread>
      <div class="page-content">
        <router-view v-slot="{ Component }">
          <transition name="fade">
  <!--          <keep-alive>-->
              <component :is="Component"/>
  <!--          </keep-alive>-->
          </transition>
        </router-view>
      </div>
    </div>
  </template>
  
  <script setup>
  import Header from './components/header.vue'
  import Bread from './components/bread.vue'
  </script>
  
  <style scoped lang="scss">
  .index-content {
    @include wh100();
    min-width: 700px;
    .page-content{
      height: calc(100% - #{pxTvh(78)});
      &> div{
        @include wh100();
        position: relative;
        overflow: hidden;
        background-color: #141A3A;
      }
    }
  }
  </style>
  